﻿
	@font-face
	{
		font-family: NGothic;
		src:url(font/NanumGothic.eot);
		src:url(font/NanumGothic.eot?#iefix) format("embeded-opentype"),
		url(font/NanumGothic.woff)format("woff")
	}	

	
	body
	{ 		
		margin:0;
		padding:0;	
		background-color:#f0f0f0;
		background-image: url(images/bg.png);
		background-repeat:repeat;
		font-family:NGothic; font-size: 14px;
	}			
	  
	#top_wrapper 
	{
		width:930px; margin:auto; 
	}	
	
	#titlebox 
	{
		width:270px; height:57px; float:left; background-color:#262626;
	}		
	#content0 {width:200px; height:57px; float:left; background-color:#262626;}
	#content1 {width:250px; height:57px; float:left; background-color:#262626;}
	#content2 {width:180px; height:57px; float:left; background-color:#262626;}
	#content3 {width:930px; height:40px; clear:both; }
	
	#menu    { margin-top:19px; margin-right:10px; float:right; }
	#menubar_left    { background-image:url(images/topbg_left.png); width:16px; height:57px; float:left; }
	#menubar_right   { background-image:url(images/topbg_right.png); width:7px; height:57px; float:left; }
	#makebutton { margin-top:0px; margin-right:0px; float:right; }
	
	#foot {height:30px; clear:both; background-color:purple;}
	
	ul li { list-style:none; float:left; margin-left:20px;}
	
	.pagination ul li { list-style:none; float:left; margin:0px;}
	
	.bmenu li { margin-left:5px; }
	.bmenu li a{font-size:12px; display:block; color:#bdbdbd; text-decoration: none;}
	.bmenu li a:hover {color:#ffffff;}	
	
	.gongtext { font-size:15px;}
	
	.main_container {
		width:930px;
		margin:0 auto;			
	}
	
	.popup_container {
		width:730px;
		margin:0 auto;			
	}
	
	#loginmain {width:930px; margin:0 auto;}			
	#loginleft
	{
		width:400px; height:400px; margin-left:8px; margin-top:8px; float:left; border: 1px solid #cccccc; background-color:#fdfdfd;		
	}
	#logingab {width:20px; height:400px; float:left;}
	#loginright
	{
		width:400px; height:400px;margin-top:8px;  float:left; border: 1px solid #cccccc; background-color:#fdfdfd;
		
	}
	
	#wrap {
		 position:absolute;
		 top: 50%;
		 left: 50%;
		 width:840px;
		 height:420px;
		 margin-top: -200px; 
		 margin-left: -420px;
		 background:#f4f4f4;
	} 
	
	#popup_content
		{
			width:720;
			height:100%;
			background:#ffffff;
			border: 1px solid #cccccc;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
			behavior: url(PIE.htc);
		}
		
		#popupcontainer
		{	
			background:#ffffff;
			border: 1px solid #cccccc;
			
		}
	
	#content
	{
		margin-top:120px;
		width:920px;
		height:100%;
		background:#ffffff;
		border: 1px solid #cccccc;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		behavior: url(PIE.htc);
	}
	
	.main_content_list
		{
			margin-top:120px;	
			width:920px;
			height:100%;
			background:#ffffff;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			behavior: url(PIE.htc);
		}
	
	#editerbox
	{
		border: 1px solid #cccccc; 
		width:900px;
		height:300px;
		margin:0 auto;
		margin-bottom:10px;
	}
	
	
	.price a{font-size:11pt; display:block; color:#000000; text-decoration: none;}
	.price a:hover {color:#000000;text-decoration:underline;}	
	
	textarea
	{ 
		width: 700px; 			
		max-width:700px;
		height:60px; 
		max-height:100px;
	}
	
	.messages
	{
		margin:30px;
	}
	
	#nickname span
	{			
		color:#000000;
		font-size:10pt
		font-weight:bold;
	}
	
	#comment span
	{
		color:#777777;
		font-size:9pt
	}
	
	.popupcontent
		{
			color:#6b6b6b;
			font-size:9pt;
			margin-left:10px; width:900px;height:120px;
		}
		
		.gonggucontent span
		{
			
		}
		
		.gonggucol
		{
			float:left;text-align:center;height:80px;
			display:table;
		}
		
		.popupcol
		{
			float:left;text-align:center;height:120px;
			display:table;
		}
		
		.popupcol img
		{
			max-width:110px;max-height:110px;
		}
		
		.gonggucol img
		{
			max-width:60px;max-height:60px;
		}
		
		#popuprow
		{
			width:700px; height:120px;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;
		}
	
	.gonggucontent
		{
			color:#6b6b6b;
			font-size:9pt;
			margin-left:10px; width:900px;height:80px;
		}
		
		.gonggucontent span
		{
			
		}
		
		.gonggucol
		{
			float:left;text-align:center;height:80px;
			display:table;
		}
		
		.gonggucol img
		{
			max-width:60px;max-height:60px;
		}
		
		#gonggurow
		{
			width:100%; height:80px;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;
		}
		
		#mypage_product_price
		{
			font-weight:bold;
			color:red;
		}
		
		.no-space [class*="span"] 
		{
			margin:0px;
			
		}

		.no-space {
			margin:0px;
			margin:30px;
		}		
		
		.thumbnail
		{
			border: 2px solid #e9e7e7; background-color:#fdfeff; 
			position:relative;
			margin-right:5px;
			margin-top:20px;
		}		
		
		.thumbnail img
		{
			border:0px solid #cccccc;margin-top:4px;width:195px;height:195px;
		}
		
		.thumbnail:hover { border: 2px solid #f55e5e; }		
		
		.thumbnails li:hover {cursor: hand; cursor: pointer;}
		
		#newicon
		{
			position:absolute; top:-10px; left:10px;background-image: url( images/newicon.png );width:55px;height:26px;
		}
		.captionprice
		{
			height:20px;border-bottom:1px dashed #ffbd58;
		}
		
		.caption_modelname
		{
			height:100px; overflow:hidden;
		}
		
		.caption_modelname span
		{
			font-size:13pt
		}
		
		.captionprice span
		{
			color:#4d4d4d;font-size:14pt;font-weight:bold;
		}
		
		.joinmember
		{
			border:0px solid #cccccc;height:35px;text-align:right;background-color:#fffbf5;
		}
		
		.joinmember span
		{
			line-height:35px;color:#22bb90;font-size:11pt;font-weight:bold;margin-right:10px;
		}
		
		#detailprice
		{
			margin-left:10px;font-size:15pt;color:#f55e5e;font-weight:bold;
		}
		